Skip to main content

Configuration des éléments de l’interface utilisateur

2 Tâches

10 mins

 Visible to: All users
Débutant Pega Platform '23 Expérience utilisateur Constellation Français

Scénario

Après qu’une demande d’assistance routière est approuvée, un prestataire est envoyé à l’endroit indiqué par le client. Pour réaliser cette tâche, les conseillers clients ont besoin de pouvoir confirmer et modifier l’adresse de service au moment de la sélection du prestataire de services.

Ajoutez un champ Boolean et la vue Identify location à la vue Select service provider afin que le conseiller client puisse vérifier l’adresse de service soumise par le client. Configurez la vue Identify location pour qu’elle soit visible lorsque le champ Boolean est sélectionné.

Note: Le framework de ce défi utilise l’architecture Constellation de Pega Platform™. Pour effectuer ce défi sur l’architecture d’interface utilisateur traditionnelle, consultez les défis Ajouter une fonctionnalité dynamique à un bouton et Définir une condition de visibilité pour un contenu de formulaire de la version 8.8.

Vous trouverez dans le tableau suivant les identifiants dont vous avez besoin pour relever le défi.

Rôle Nom d’utilisateur Mot de passe
Développeur d’applications author@gogoroad pega123!
Note: Votre environnement de travail est susceptible de prendre en charge la réalisation de plusieurs défis. Par conséquent, la configuration montrée dans la vidéo de présentation du défi peut ne pas correspondre exactement à votre environnement.

Vous devez initier votre votre propre instance Pega pour compléter ce Défi.

L'initialisation peut prendre jusqu'à 5 minutes, donc soyez patient.

Présentation du défi

Détail des tâches

1 Ajouter un champ booléen à la vue Select service provider

  1. Dans l’instance Pega du défi, saisissez les identifiants suivants :
    1. Dans le champ User name, saisissez author@gogoroad.
    2. Dans le champ Password , saisissez pega123!.
  2. Dans le volet de navigation d’App Studio, cliquez sur Case Types > Assistance Request.
  3. Cliquez sur l’étape Select service provider pour afficher le volet des propriétés contextuelles à droite.
  4. Dans le volet des propriétés contextuelles, cliquez sur Configure View pour configurer la vue Select service provider.
  5. Dans la section Fields , cliquez sur Add > Fields > Create new field pour afficher la fenêtre Add field.
  6. Dans le champ Name , saisissez Modify service address.
  7. Dans la liste Type , sélectionnez Boolean.
  8. Dans la fenêtre Add field , cliquez sur Submit.
    Add field window for the Modify service address Boolean field

2 Ajouter et configurer une visibilité conditionnelle pour la vue Identify location

  1. Dans la section Fields , cliquez sur Add > Views > Identify location, puis sur Add.
  2. À droite de la vue Identify location, cliquez sur Configure pour afficher la fenêtre View settings: Identify location .
    Configure button to the right of Identify location
  3. Dans la liste Visibility , sélectionnez Custom Condition.
  4. À droite de Custom Condition, cliquez sur Configure Visibility Condition pour afficher la fenêtre Condition Builder.
    Identify view Configure Conditional Visibility button
  5. Dans la liste Field , sélectionnez Modify service address.
  6. Dans la liste Conditional operator, conservez la valeur par défaut is true.
  7. Dans la fenêtre Condition Builder, cliquez sur Submit.
    Condition Builder for the Identify location View
  8. Dans la fenêtre View settings: Identify location , cliquez sur Save.
  9. À gauche du champ Service provider, cliquez sur la poignée de sélection, puis faites glisser le champ vers la position du bas dans la section Fields.
    Select service provider View fully configured
  10. Cliquez sur Submit pour envoyer les modifications à la vue Select service provider.
  11. Cliquez sur Save pour enregistrer le type de dossier Assistance Request.

Vérifier votre travail

  1. Cliquez sur Save and run pour créer une instance de dossier Assistance Request.
  2. Faites avancer le dossier jusqu'à la vue Enter customer information.
  3. Dans la liste Customer ID, sélectionnez [email protected].
  4. Cliquez sur Next pour faire passer le dossier à la vue Identify location.
  5. Entrez des valeurs dans les champs Street, City, et State, puis faites passer le dossier à la vue Select service provider.
    Identify location view
  6. Dans la vue Select service provider, cochez la case Modify service address . 
  7. Vérifiez que la vue Identify location s’affiche avec les valeurs Street et City que vous avez saisies précédemment.
    Select service provider View with Modify service address selected
  8. Décochez la case Modify service address et confirmez que la vue Identify location n’est pas affichée.
    Select service provider View with Modify service address un-checked

Ce défi vise à appliquer ce que vous avez appris dans le Module suivant :

Disponible dans les missions suivantes :

Retourner à la mission
If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Oui
Non

Want to help us improve this content?
Proposer une modification

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice